<template>
  <div id="app">
    <Header></Header>
    <!-- 路由出口 -->
    <router-view></router-view>
    <!-- <Footer v-show="$route.name === 'Home' || $route.name === 'Search'"></Footer> -->
    <Footer v-show="$route.meta.showFooter"></Footer>
  </div>
</template>

<script>
import { mapActions } from 'vuex'
import Header from '@/components/Header/index'
import Footer from '@/components/Footer/index'
export default {
  components: {
    Header,
    Footer
  },
  created(){
    this.getCateList()
  },
  methods:{
    ...mapActions('home', ['getCateList']),
  }
}
</script>

<style lang="less"></style>
